<!DOCTYPE html>
<html lang="en">
    <head>
        <meta charset="UTF-8">
        <title>Title</title>
        <style type="text/css">
            .logo{width: 55px;height: 55px;
                background-color: #ff6700;;
            background-image: url("home.png"),url("https://s02.mifile.cn/assets/static/image/mi-logo.png");
            background-repeat: no-repeat;
                background-position: -52px 3px,3px 3px;
                background-size: contain;
                transition: all 0.2s;

            }
            .logo:hover{
                background-position: 3px 3px,-52px 3px;
                cursor: pointer;
            }
        </style>
    </head>
    <body>
        <div class="logo">

        </div>
    </body>
</html>